<template>
  <div>
    <input type="text" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        username: "",
        password: "",
      },
    };
  },
  watch: {
    obj: {
      handler(newVal, oldVal) {
        //handler方法名是固定的
        console.log(newVal, oldVal);
      },
      //深度监听 deep  对象里的属性名改变  也会触发 handler方法
      deep: true,
      //立即监听 网页刚打开就监听  handler就触发一次
      immediate: true,
    },
  },
};
</script>

<style>
</style>